<template>
  <div v-if="props.res" flex flex-a-c w-full flex-j-sb class="store">
    <div flex flex-a-c style="flex:9">
      <div>
        <image class="circular" w-100rpx h-100rpx :src="props.res.storeLogo || configs.logo" />
      </div>
      <div ml-30rpx flex flex-a-c flex-j-sb>
        <div class="store-name">
          <div text-28rpx font-bold color-black>
            {{ props.res.storeName }}
          </div>
          <div mt-5rpx v-if="props.res.selfOperated">
            <nut-tag :custom-color="colors.themeColor" plain>自营</nut-tag>
          </div>
        </div>
      </div>
    </div>
    <div flex-1 @click="$navigateTo('/pages/goods/store/detail?id=' + props.res.id)" min-w-100rpx text-24rpx
      text-dark-color>
      进店逛逛
    </div>
  </div>
</template>

<script setup lang="ts">
import configs from '@/config/config';
import { colors } from '@/constants/injection-key';
const props = defineProps<{
  res: any
}>()
</script>

<style scoped lang="scss">
.circular {
  border-radius: 50%;
  border: 2rpx solid #ededed;
  overflow: hidden;

}
</style>
